@import './variables.scss';
@import './mixin.scss';

html,
body, #app {
  height: 100%;
  width: 100%;
  color: #333333;
  font-family: Arial, Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, sans-serif;
  //background-color: $background-color;
}
p {
  margin: 0;
}

.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-start {
  display: flex;
  justify-content: flex-start;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.items-start {
  display: flex;
  align-items: flex-start;
}

.items-center {
  display: flex;
  align-items: center;
}

.items-end {
  display: flex;
  align-items: flex-end;
}

van-field {
  --cell-background-color: transparent;
}

van-field .van-field__body {
  width: 100%;
}

van-checkbox .van-checkbox__label,
van-radio .van-radio__label {
  padding-left: 0;
  flex: 1 1 auto;
}

van-checkbox .van-checkbox--horizontal,
van-radio .van-radio--horizontal {
  margin-right: 0;
}

van-search {
  --search-padding: 0;
}
